<template>
  <el-row>
    <Search />
    <SongSheet />
    <SongImg />
    <Comment />
    <PlayMusic />
  </el-row>
</template>

<script>
import Search from "./components/search";
import SongSheet from "./components/songSheet";
import SongImg from "./components/songImg";
import Comment from "./components/comment";
import PlayMusic from "./components/playMusic";

export default {
  name: "App",
  components: {
    Search,
    SongSheet,
    SongImg,
    Comment,
    PlayMusic,
  },

  data() {
    return {};
  },
};
</script>

<style lang="less">
* {
  padding: 0;
  margin: 0;
}

ul {
  list-style: none;
}

.el-row {
  // background-image: url("../public/img/bg.jpg");
  background-size: 100%;
  padding: 10px;

  .el-col {
    border-radius: 4px;
  }
}
</style>